/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑"; padding-top: 125px;}
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
*{
    margin: 0;
    padding: 0;
}
.top{ width: 100%; background: #eeeeee; position: fixed; top: 0; left: 0; z-index: 999;}
.top_box{ width: 1730px; height: 125px; margin: 0 auto;}
.top_box .logo{ float: left; height: 125px; line-height: 125px;}
.top_box .logo img{ display: inline-block; vertical-align: middle;}
.top_box .nav{ float: left; padding-left: 100px;}
.top_box .nav ul{ height: 125px; position: relative;}
.top_box .nav ul span{    width: 40px;
    left: 0;
    bottom: 0;
    height: 2px;
    transition: 0.5s;
    display: block;
    background: #0083c9;
    position: absolute;
    margin-left: 50.5px;}
.top_box .nav ul li{ position: relative; height: 125px; line-height: 125px; float: left;}
.top_box .nav ul li dl{ z-index: 99; display: none; left: 0; width: 100%; position: absolute; top: 125px;}
.top_box .nav ul li dl dd{ width: 100%;}
.top_box .nav ul li dl dd a{ border: none; background: rgba(255,255,255,0.7); display: block; width: 100%; height: 50px; text-align: center; line-height: 50px; text-align: center; font-size: 12px; color: #333; transition: 0.5s;}
.top_box .nav ul li:hover .nr{ color: #0083c9;}
.top_box .nav ul li:hover dl dd a:hover{ background: #0083c9; color: #fff;}
.top_box .nav ul li a{line-height: 16px; vertical-align: middle; height: 16px; font-size: 14px; display: inline-block; width: 140px; text-align: center; border-right:1px solid #b1b4c0; color: #565656;}
.top_box .language{ float: right; height: 125px;}
.top_box .language ul{ overflow: hidden;}
.top_box .language ul li{ float: right; padding-left: 27px; margin-left: 18px; line-height: 125px;}
.top_box .language ul li a{ font-size: 12px; color: #565656;}
.top_box .language ul li:nth-child(1){ background: url(../../img/index_12.jpg) left center no-repeat;}
.top_box .language ul li:nth-child(2){ background: url(../../img/index_09.jpg) left center no-repeat;}
.top_box .phone{ float: right; width: 275px; line-height: 125px;}
.top_box .phone .phone_box{ display: inline-block; vertical-align: middle;}
.top_box .phone .phone_box h2{ line-height: 25px; height: 25px; padding-left:32px; background: url(../../img/index_06.jpg) left center no-repeat; font-size: 12px; color: #5d5a5a; margin-bottom: 8px;}
.top_box .phone .phone_box h2 span{ color: #0083c9;}
.top_box .phone .phone_box p{ font-size: 24px; color: #0083c9; font-weight: bold; line-height: 24px;}

.banner{ overflow: hidden; width: 100%;}
.banner img{ display: block; width: 100%; height: auto;}/* transition: 10s; transform: scale(1.2);*/
/*.banner .swiper-slide-active img{ transform: scale(1);} */

.container{ width: 100%; background: #f7f7f7;}
.container .layer1{ padding: 75px 0; border-bottom: 1px solid #dadada; position: relative;}
.container .layer1 .layer1_box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container .layer1 .layer1_box .layer1Left{ float: left; width: 268px; background: #323234; height: 920px;}
.container .layer1 .layer1_box .layer1Left h2{ height: 170px; text-indent: 30px; font-size: 28px; color: #fff; padding-top: 85px; box-sizing: border-box;}
.container .layer1Left{ width: 270px; float: left; background: #323234;}
.container .layer1Left ul{ width: 100%;}
.container .layer1Left ul li{ cursor: pointer; height: 54px; text-indent: 55px; line-height: 54px; color: #fff;}
.container .layer1Left ul li a {color:#fff;font-size: 1rem;}
.container .layer1Left ul li a:hover {color:#333;}
.container .layer1Left ul li.on{ background: #ffffff; border-left: 6px solid #0083c9; color: #333; transition: 0.5s;}
.container .layer1Left ul li.on a{ color:#333;}
.container .layer1Right{ width: calc(100% - 270px); padding-left: 20px; box-sizing: border-box; float: left;}
.container .layer1Right ul{ overflow: hidden;}
.container .layer1Right ul li{ float: left; width: 32%; margin-right: 2%;  margin-bottom: 20px; position: relative; overflow: hidden;}
.container .layer1Right ul li img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.container .layer1Right ul li:hover img{ transform: scale(1.1);}
.container .layer1Right ul li:nth-child(3n){ margin-right: 0;}

.container .layer1Right .MainBox{ transition: 0.5s; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #0083c991;}
.container .layer1Right .MainBox .nr{ width: 100%; top: 50%; transform: translateY(-50%); position: absolute;}
.container .layer1Right .MainBox .nr p{ width: 100%; font-size: 12px; color: #fff; text-align: center; padding-bottom: 25px; }
.container .layer1Right .MainBox .nr h2{ font-size: 14px; font-weight: bold; color: #fff; text-align: center;}
.container .layer1Right ul li:hover .MainBox{ opacity: 1;}
.container .layer1 .arrow{ background: url(../../img/index_25.jpg); width: 33px; height: 33px; position: absolute; bottom: 0; transform:translate(-50%,50%); left: 50%; transition: 0.5s; border-radius:50%; z-index: 99;}
.container .layer1 .arrow:hover{ box-sizing: border-box; box-shadow: 0 5px 20px rgba(0,0,0,0.3);}
.container .layer1 .arrow a{ display: block; width: 100%; height: 100%;}
.container .layer2{ width: 1200px; margin: 0 auto;}
.container .title{ width: 100%; padding: 50px 0;}
.container .title img{ display: block; margin: 0 auto;}
.container .title p{ padding-top: 12px; text-align: center; font-size: 12px; color: #b3b3b3;}
.container .layer2 .layer2Box{ width: 100%; margin: 0 auto; text-align: center; padding: 70px 0;}
.container .layer2 .layer2Box div{ display: inline-block; width: 62px; height: 24px; background: #c2c0c0; color: #fff; transition: 0.5s; margin: 0; font-size: 16px; position: relative;}
.container .layer2 .layer2Box div:hover{ background: #0083c9;}
.container .layer3{ width: 100%; background: url(../../img/bg_02.jpg); height: 938px; padding-top: 195px; box-sizing: border-box;}
.container .layer3 .layer3Box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container .layer3 .layer3Box .icon{ float: left; width: 620px; height: 470px;}
.container .layer3 .layer3Box .icon img{ display: block; width: 100%; height: 100%;}
.container .layer3 .layer3Box .text{ width: calc(100% - 620px); float: left; padding-left: 70px; box-sizing: border-box;}
.container .layer3 .layer3Box .text img{ display: block;}
.container .layer3 .layer3Box .text h2{ line-height: 100px; font-size: 28px; color: #575757;}
.container .layer3 .layer3Box .text p{ font-size: 14px; color: #575757; line-height: 30px;}
.container .layer3 .layer3Box .text ul{padding-top: 65px; width: 100%;}
.container .layer3 .layer3Box .text ul li{ width: 18%; float: left; margin-right:8%; height: 92px; border-radius:50%; background: rgba(255,255,255,0.9); padding: 13px 0; box-sizing: border-box;}
.container .layer3 .layer3Box .text ul li:last-child{ margin-right: 0;}
.container .layer3 .layer3Box .text ul li .icon{ height: 37px; width: 100%;  line-height: 65px; text-align: center; transition: 0.5s;}
.container .layer3 .layer3Box .text ul li:nth-child(1) .icon{ background: url(../../img/icon_11.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(2) .icon{ background: url(../../img/icon_13.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(3) .icon{ background: url(../../img/icon_16.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(4) .icon{ background: url(../../img/icon_19.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(1):hover .icon{ background: url(../../img/icon_28.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(2):hover .icon{ background: url(../../img/icon_31.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(3):hover .icon{ background: url(../../img/icon_25.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:nth-child(4):hover .icon{ background: url(../../img/icon_26.png) center center no-repeat;}
.container .layer3 .layer3Box .text ul li:hover{ background: #0083c9; box-shadow:0 0 20px rgba(255,255,255,0.7);}
.container .layer3 .layer3Box .text ul li p{ font-size: 12px; text-align: center; color: #737373;}
.container .layer3 .layer3Box .text ul li:hover p{ color: #FFFFFF;}
.container .layer4{position: relative; width: 100%; padding-bottom: 115px; background: #fcfcfc;}
.container .layer4 ul{ width: 1200px; margin: 0 auto; overflow: hidden; border:1px solid #e5e5e5;}
.container .layer4 ul li{ width: 20%; float: left; height: 118px; border-right:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; box-sizing: border-box;}
.container .layer4 ul li img{ display: block; width: 100%; height: 100%;}
.container .layer4 .arrow{ background: url(../../img/index_25.jpg); width: 50px; height: 50px; position: absolute; left: 50%; bottom: 0; transform: translate(-50%,50%); transition: 0.5s; border-radius:50% ; background-size:100% auto ; z-index: 999;}
.container .layer4 .arrow:hover{ box-shadow: 0 10px 10px rgba(0,0,0,0.3);}
.container .layer4 .arrow a{ display: block; width: 100%; height: 100%;}
.container .layer5{ background: #fff;}
.container .layer5 .tit{ padding: 50px 0; width: 1200px; margin: 0 auto;}
.container .layer5 .tit img{ display: block;}
.container .layer5 .tit p{ font-size: 12px; color: #b3b3b3; padding-top: 15px;}
.container .layer5 .layer5Box{ width: 1200px; margin: 0 auto; overflow: hidden;}
.container .layer5 .layer5Left{ width: 555px;float: left;}
.container .layer5 .layer5Left .icon{ width: 100%; height: 310px; position: relative; overflow: hidden;}
.container .layer5 .layer5Left .icon img{ display: block; width: 100%; height: 100%; transition: 0.5s;}
.container .layer5 .layer5Left .text{ width: 100%; height: 168px; border: 1px solid #e5e5e5; border-top:0; padding: 0 20px; box-sizing: border-box; }
.container .layer5 .layer5Left .text h2{ line-height: 85px; font-size: 18px; color: #333;}
.container .layer5 .layer5Left .text p{ font-size: 12px; color: #a4a4a4; transition: 0.5s;}
.container .layer5 .layer5Left:hover .text p{ color: #0083c9;}
.container .layer5 .layer5Left:hover .icon img{ transform: scale(1.1);}
.container .layer5 .layer5Right{ width: 610px; float: right;}
.container .layer5 .layer5Right .tit{padding: 0; width: 100%; height: 35px; border-bottom: 1px solid #d8d8d8;}
.container .layer5 .layer5Right .tit ul{ width: 100%; height: 35px; position: relative;}
.container .layer5 .layer5Right .tit ul span{ display: block; width: 75px; height: 3px; background: #0083c9; top: 35px; left: 0; transition: 0.5s; position: absolute;}
.container .layer5 .layer5Right .tit ul li{ text-align: center; width: 75px; font-size: 16px; color: #696868; height: 35px; float: left; cursor: pointer; margin-right: 15px;}
.container .layer5 .layer5Right .tit ul li.on{ color: #0083c9; }
.container .layer5 .layer5Right .tit ul a{ display: inline-block; float: right; font-weight: bold; color: #666;}
.container .layer5 .layer5Right .text{ width: 100%; padding-bottom: 20px; border-bottom: 1px dashed #cdcbc9;}
.container .layer5 .layer5Right .text h2{ line-height: 60px; font-size: 20px; color: #434142;}
.container .layer5 .layer5Right .text p{ font-size: 12px; color: #a4a4a4; line-height: 24px;}
.container .layer5 .layer5Right .text h3{ height: 32px; line-height: 32px; font-size: 12px; font-weight: bold; margin-top: 10px;}
.container .layer5 .layer5Right .text h3 .more{ display: inline-block; width: 82px; height: 32px; border-radius:16px; background: #0083c9; color: #fff; font-weight: normal; float: right; text-align: center;}
.container .layer5 .layer5Right .list{ padding-top: 25px;}
.container .layer5 .layer5Right .list ul{ width: 100%; overflow: hidden;}
.container .layer5 .layer5Right .list ul li{ line-height: 32px;}
.container .layer5 .layer5Right .list ul li b{ color: #0083c9; font-weight: bold; display: inline-block; float: left; font-weight: bold; line-height: 32px; margin-right: 15px;}
.container .layer5 .layer5Right .list ul li a{ color: #888; transition: 0.5s;}
.container .layer5 .layer5Right .list ul li:hover a{ text-indent: 10px; color: #0083c9;}
.container .layer5 .layer5Right .list ul li span{ float: right; color:#888; display: inline-block;}
.footer{ width: 100%; margin-top: 70px; background: #323234;}
.footer .footer_box{ width: 1200px; margin: 0 auto; height: 200px;}
.footer .footer_box .footerLeft{ float:left; width: 670px; padding-top: 35px;}
.footer .footer_box .footerLeft ul{ width: 100%; overflow: hidden;}
.footer .footer_box .footerLeft ul li{ float: left; line-height: 54px; margin-right: 48px;}
.footer .footer_box .footerLeft ul li a{ font-size: 14px; color: #fff;}
.footer .footer_box .footerLeft ul li a:hover{ color: gold;}
.footer .footer_box .footerLeft p{ font-size: 12px; color: #999; line-height: 25px;}
.footer .footer_box .footerRight{ float: right; width: 390px; padding-top: 50px;}
.footer .footer_box .footerRight .icon{ float: right; width: 100px;}
.footer .footer_box .footerRight .icon img{ display: block; width: 100px; height: auto;}
.footer .footer_box .footerRight .text{ width: 230px; float: right; margin-right: 35px;}
.footer .footer_box .footerRight .text .sel{ width: 230px; height: 34px;position: relative; }
.footer .footer_box .footerRight .text .sel p{ box-sizing: border-box; width: 100%; border: 1px solid #565658; color: #999; text-indent: 12px; height: 100%; line-height: 32px; box-sizing: border-box; cursor: pointer;}
.footer .footer_box .footerRight .text .sel span{ width: 34px; height: 34px; background: url(../../img/arrow_07.png) center center no-repeat; position: absolute; right: 0; top: 0; transition: 0.5s;}
.footer .footer_box .footerRight .text .sel dl{ border-bottom: 0; position: absolute;left:0px; bottom: 32px;  border: 1px solid #565658; width: 100%; box-sizing: border-box; display: none;}
.footer .footer_box .footerRight .text .sel dl dd{cursor: pointer; width: 100%; height: 34px; border-bottom: 1px solid #565658; background: #323234; color: #999; width: 100%; text-indent: 10px; line-height: 34px;}
.AppTop{ display: none;}
.slideBar{ display: none;}
@media (min-width:1200px ) and (max-width:1730px ) {
    .top_box .logo {width: 15%;}
    .top_box .nav {
        float: left;
        padding: 0;
        width: 75%;
    }
	.top_box{ width: 1200px; margin: 0 auto;}
	/*.top_box .phone{ display: none;}*/
	.language{ display: none;}
	.top_box .phone{ float: right; padding: 0;width: 10%;}
}
@media (max-width:1199px){
	body{ padding-top: 0;}
	.top{ display: none;}
	.AppTop{ width: 100%; position: relative; height: 60px; display: block; background: #eee; transition: 0.5s;}
	.AppTop .logo{ float: left; height: 100%; line-height: 60px; padding-left: 20px;}
	.AppTop .logo img{ display: inline-block; vertical-align: middle; height: 60%; width: auto;}
	.AppTop .sideClick{ position: absolute; width: 30px; height: 25px; position: absolute;right: 20px; top: 50%; transform: translateY(-50%); transition: 0.5s;}
	.AppTop .sideClick span{ display: block; width: 100%; height: 4px; border-radius:2px; background: #333; position: absolute; left: 0; transition: 0.5s;}
	.AppTop .sideClick span:nth-child(1){ top: 0}
	.AppTop .sideClick span:nth-child(2){ top: 50%; transform: translateY(-50%);}	
	.AppTop .sideClick span:nth-child(3){ bottom: 0;}
	.AppTop .sideClick.on{ transform: translateY(-50%) rotate(180deg);}
	.AppTop .sideClick.on span{ background: #fff;}
	.AppTop .sideClick.on span:nth-child(1){ top:50%; transform: translateY(-50%) rotate(45deg);}
	.AppTop .sideClick.on span:nth-child(2){ width: 0;}
	.AppTop .sideClick.on span:nth-child(3){ top:50%; transform: translateY(-50%) rotate(-45deg);}
	.slideBar{ position: fixed; top: 60px; left: 0; width: 100%; background: #666; z-index: 999; display: none;}
	.slideBar dl{ width: 100%; overflow: hidden; padding: 30px; box-sizing: border-box;}
	.slideBar dl dd{ width: 50%; float: left; border-right:1px solid #fff; height: 24px; line-height: 24px; box-sizing: border-box; margin-bottom: 30px; font-size: 14px; text-align: center;}
	.slideBar dl dd a{ font-size: 14px; color: #fff;}
	.slideBar dl dd:nth-child(2n){ border: 0;}
	.container .layer1{ padding: 0;}
	.container .layer1 .layer1_box{ width: 100%; overflow: hidden;}
	.container .layer1 .layer1_box .layer1Left{ width: 100%; height:auto; padding-bottom: 20px;}
	.container .layer1 .layer1_box .layer1Left h2{ line-height: 90px; height: 90px; font-size: 16px; text-align: center; padding: 0; margin: 0;}
	.container .layer1Left ul{ width: 100%; padding: 0 10px; box-sizing: border-box;}
	.container .layer1Left ul li{ width: 32%; float: left; margin-right: 2%; text-indent: 0; font-size: 12px; height: 40px; line-height: 40px; border-radius:4px; text-align: center; background: #666; margin-bottom: 10px;}
	.container .layer1Left ul li.on{ border: 0;}
	.container .layer1Left ul li:nth-child(3n){ margin-right: 0; }
	.container .layer1Right{ width: 100%; padding:10px; box-sizing: border-box;}
	.container .layer1Right ul li{ width: 49%; margin-bottom: 10px; height: auto;}
	.container .layer1Right ul li:nth-child(3n){ margin-right: 2%;}
	.container .layer1Right ul li:nth-child(2n){ margin-right: 0;}
	.container .layer2{ width: 100%;}
	.container .title img{ width: 50%; height: auto; display: block;}
	.container .title p{ padding: 12px 10px 0 10px; box-sizing: border-box;}
	.layer2 .swiper-container img{ display: block; width: 100%; height: auto;}
	.container .layer3{ width: 100%; padding: 20px 15px; box-sizing: border-box; overflow: hidden; height: auto;}
	.container .layer3 .layer3Box{ width: 100%;}
	.container .layer3 .layer3Box .icon{ width: 100%; height: auto;}
	.container .layer3 .layer3Box .icon img{ display: block;}
	.container .layer3 .layer3Box .text{ width: 100%; padding: 0;}
	.container .layer3 .layer3Box .text img{ display: block; margin: 15px auto 0 auto;}
	.container .layer3 .layer3Box .text h2{ font-size: 16px; text-align: center;}
	.container .layer3 .layer3Box .text ul li{ width: 75px; height:75px; padding: 0;}
	.container .layer3 .layer3Box .text ul li .icon{ height: 50px; background-size:20% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(1){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(2){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(3){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li .icon:nth-child(4){background-size:30% auto;}
	.container .layer3 .layer3Box .text ul li p{ line-height: 12px; font-size: 10px;}
	.container .layer4 ul{ width: 100%;}
	.container .layer4 ul li{ width: 50%; float: left;}
	.container .layer5 .tit{ padding: 30px 0; width: 100%;}
	.container .layer5 .layer5Box{ width: 100%;}
	.container .layer5 .tit img{ width: 50%; margin: 0 auto;}
	.container .layer5 .tit p{ text-align: center;}
	.container .layer5 .layer5Left{ width: 100%;}
	.container .layer5 .layer5Right{ width: 100%;}
	.container .layer5 .layer5Right .tit ul li{ width: 50%; float: left; margin: 0; text-align: center; line-height: 34px;}
	.container .layer5 .layer5Right .tit ul a{ display: none;}
	.container .layer5 .layer5Right .text{ padding: 0 15px 20px 15px; box-sizing: border-box;}
	.container .layer5 .layer5Right .list{ padding: 25px 15px 0 15px; box-sizing: border-box;}
	.footer .footer_box .footerRight{ display: none;}
	.footer .footer_box{ width: 100%;}
	.footer .footer_box .footerLeft{ width: 100%;}
	.footer .footer_box .footerLeft ul{ display: none;}
	.footer .footer_box .footerLeft p{ padding: 0 15px; text-align: center;}
	
}
.tupian {overflow:hidden;}
.tupian:hover img {
transform: scale(1.1);
transition:0.5s;
display: block;
}


.tupian .MainBox{ transition: 0.5s; opacity: 0; width: 100%; height: 287px; position: absolute; left: 0; top: 0; background: rgba(230,0,18,0.5);}
.tupian .MainBox .nr{ width: 100%; top: 50%; transform: translateY(-50%); position: absolute;}
.tupian .MainBox .nr p{ width: 100%; font-size: 12px; color: #fff; text-align: center; padding-bottom: 25px; }
.tupian .MainBox .nr h2{ font-size: 14px; font-weight: bold; color: #fff; text-align: center;}
.tupian:hover .MainBox{ opacity: 1;}

.move-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 140px;
    height: 2px;
    background: url(../../img/nav_h.png) center no-repeat;
    z-index: 0;
}
.n_news_list .img {overflow: hidden;}
.n_news_list .img:hover img {

    transform: scale(1.1);
transition:0.5s;
display: block;
}

.n_news_list li:hover i {width: 412px;}
.n_news_list i {position: absolute;
    height: 2px;
    /*bottom: -1px;*/
    background: #0083c9;
    width: 0;
-webkit-transition: all ease 500ms;
}

    .n_news_list li .box
    {height: 61px;}